<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单项标签</title>
</head>
<body>

<!--
  form：采集用户数据的范围
-->
<form action="#" method="get">
    <label for="username">用户名：</label><input type="text" name="username" placeholder="请输入用户名"
                                                id="username"><br><br>
    密码：<input type="password" name="password" placeholder="请输入密码"><br><br>
    性别：<input type="radio" name="gender" value="male" checked>男
    <input type="radio" name="gender" value="female">女<br><br>
    爱好：<input type="checkbox" name="hobby" value="travel" checked> 旅游
    <input type="checkbox" name="hobby" value="music"> 音乐
    <input type="checkbox" name="hobby" value="movie"> 电影 <br><br>
    图片：<input type="file" name="file"> <br><br>
    隐藏域：<input type="hidden" name="id" value="aaa"><br><br>

    取色器：<input type="color" name="color"><br><br>
    生日：<input type="date" name="birthday"><br><br>
    生日：<input type="datetime-local" name="birthday"><br><br>
    邮箱：<input type="email" name="email"><br><br>
    年龄：<input type="number" name="age"><br><br>

    省份：<select name="province">
    <option>--- 请选择 ---</option>
    <option value="1">北京</option>
    <option value="2">上海</option>
    <option value="3" selected>西安</option>
</select><br><br>

    自我介绍：<textarea cols="20" rows="5" name="des"></textarea><br><br>

    <input type="submit" value="登录"><br><br>
    <input type="button" value="一个按钮"><br><br>
    <input type="image" src="./img/regbtn.jpg">
</form>


</body>
</html>